<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>图像标签的使用</title>
</head>
<body>
  <h1>图像标签的使用</h1>
  <img src="image.jpg" alt="">
  <h1>alt 替换文本 图像显示不出来的时候用文字替换：</h1>
  <img src="image1.jpg" alt="这是一张千与千寻的图片">
  <h1>title 鼠标放在图片显示的文字</h1>
  <img src="image.jpg" alt="这是一张千与千寻的图片" title="这是千与千寻">

  <h1>width 给图像设定宽度</h1>
  <img src="image.jpg" alt="这是一张千与千寻的图片" title="这是千与千寻" width="500">
  
  <h1>height 给图像设定高度</h1>
  //既设置宽度 又设置高度 会使图片宽高不协调
  <img src="image.jpg" alt="这是一张千与千寻的图片" title="这是千与千寻"  width="500" height="100">

  <h1>border 给图像设定边框</h1>
  <img src="image.jpg" alt="这是一张千与千寻的图片" title="这是千与千寻" width="500" border = "15">
</body>

</html>